<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>迷你婚恋网</title>
		<style type="text/css">
			/* 公共样式 */
			.divh{
				width: 1080px;
			}
			img{
				vertical-align: bottom;
				float: inherit;
			}
			/* header区样式 */
			.header{
				margin: 0 auto;
			}
			.ad{
				margin: 0 auto;
				padding-top: 15px;
			}
			
			.banner{
				width: 555px;
				width: 1080px;
				margin: 0 auto;
				padding-top: 15px;
			}
			
			.fl{
				float: left;
			}
			
			.fr{
				float: right;
			}
			
			.marginl{
				margin-left: 15px;
			}
			
			.margint{
				margin-top: 15px;
			}
			
			.main{
				margin: 0 auto;
			}
			
			.title{
				border-bottom: 2px solid #f5f4f0;
				color: #9a9498;
				font-size: 13px;
			}
		</style>
		<script type="text/javascript">
			function a(){
				alert("你访问的网站已经被黑客攻击了!")
			}
		</script>
	</head>
	<body>
		<!-- header区 -->
		<div class="header divh">
			<img src="img/case-03_03.jpg" >
		</div>
		<div class="ad divh">
			<img src="img/case-01_01.jpg" >
		</div>
		<div class="ad divh">
			<img src="img/case-02_02.jpg" >
		</div>
		
		<!-- banner区 -->
		<div class="banner">
			<div class="banner_l fl">
				<div><img src="img/case-01_09.jpg" ></div>
				<div style="padding-top: 15px;">
					<div class="fl"><img src="img/case-01_12.jpg" ></div>
					<div class="fl marginl"><img src="img/case-01_14.jpg" ></div>
					<div class="fl marginl"><img src="img/case-01_16.jpg" ></div>
				</div>
			</div>
			<div class="banner_r fl marginl">
				<img src="img/case-01_11.jpg" >
			</div>
			<div style="clear:both"></div>
		</div>
		<!-- ======================================================================================================== -->
		<!-- main区 -->
		<div class="main divh">
			<div class="title">
				<h3 style="display: inline-block;color: black;font-size: 23px;">品牌</h3>&nbsp;&nbsp;&nbsp;&nbsp;太原婚纱摄影推荐，选品牌，更放心
			</div>
			<div class="brand">
				<div class="fl margint"><img src="img/brand1_31.jpg" ></div>
				<div class="fl margint marginl"><img src="img/brand2_26.jpg" ></div>
				<div class="fl margint marginl"><img src="img/brand3_35.jpg" ></div>
				<div class="fl margint marginl"><img src="img/brand4_29.jpg" ></div>
			</div>
			<!-- ================================================================================================ -->
			<div class="title">
				<h3 style="display: inline-block;color: black;font-size: 23px;">风格</h3>&nbsp;&nbsp;&nbsp;&nbsp;太原婚纱风格欣赏，想你所想，找你所找
			</div>
			<div class="brand">
				<div class="fl">
					<div class="margint"><img src="img/brand5_41.jpg" ></div>
					<div class="margint"><img src="img/brand6_55.jpg" ></div>
				</div>
				<div class="fl marginl">
					<div>
						<div class="fl margint"><img src="img/s1_43.jpg" ></div>
						<div class="fl margint marginl"><img src="img/s2_45.jpg" ></div>
						<div class="fl margint marginl"><img src="img/s3_47.jpg" ></div>
					</div>
					<div>
						<div class="fl margint"><img src="img/s4_51.jpg" ></div>
						<div class="fl marginl margint"><img src="img/s5_52.jpg" ></div>
						<div class="fl marginl margint"><img src="img/s6_53.jpg" ></div>
					</div>
					<div>
						<div class="fl margint"><img src="img/s7_59.jpg" ></div>
						<div class="fl marginl margint"><img src="img/s8_60.jpg" ></div>
						<div class="fl marginl margint"><img src="img/s9_61.jpg" ></div>
					</div>
				</div>
			</div>
			<!-- =============================================================================== -->
			<div class="title">
				<h3 style="display: inline-block;color: black;font-size: 23px;">婚庆</h3>&nbsp;&nbsp;&nbsp;&nbsp;
				太原婚前公司报价，还有太原婚庆策划方案，来挑出最想的婚礼~
			</div>
			<div class="brand">
				<div class="fl">
					<div class="margint"><img src="img/q1_66.jpg" ></div>
					<div class="margint"><img src="img/q2_77.jpg" ></div>
				</div>
				<div class="fl marginl">
					<div>
						<div class="fl margint"><img src="img/q3_68.jpg" ></div>
						<div class="fl margint marginl"><img src="img/q4_70.jpg" ></div>
						<div class="fl margint marginl"><img src="img/q5_72.jpg" ></div>
					</div>
					<div>
						<div class="fl margint"><img src="img/q6_78.jpg" ></div>
						<div class="fl marginl margint"><img src="img/q7_79.jpg" ></div>
						<div class="fl marginl margint"><img src="img/q8_80.jpg" ></div>
					</div>
				</div>
			</div>
			<!-- =============================================================================== -->
			<!-- footer区 -->
			<div class="footer">
				<div class="f">
					<img src="img/f1_81.jpg" >
				</div>
			</div>
		</div>
	</body>
</html>
